<%@ page contentType="text/html;charset=UTF-8"  %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>管理主页</title>
    <style>
        body {
            min-height: 100vh; /* 或者使用具体的高度值，如：min-height: 100%; */
            display: flex;
            flex-direction: column;
        }

        main { /* 或者其他包含主体内容的div容器，这里假设为main */
            flex-grow: 1;
        }

        footer {
            margin-top: auto; /* 这会使footer始终位于flex容器的底部 */
        }
    </style>
    <link rel="stylesheet" href="css/bootstrap.min.css">
<%--    <link rel="stylesheet" href="css/carousel.css">--%>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js" ></script>

    <script>
        $(function () {
            $('#header').load('admin_header.html');
        })
    </script>
</head>
<body  class="main"  background="img/index.jpg" style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;">

<div id="header"></div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    温馨提示
                </h4>
            </div>
            <div class="modal-body">
                使用结束后请安全退出。
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">知道了
                </button>
            </div>
        </div>
    </div>
</div>
<c:if test="${!empty login}">
    <script>
        $(function () {
            $("#myModal").modal({
                show: true
            })
        })
    </script>
</c:if>
<div>

</div>


<%--<div id="myCarousel" class="carousel slide" data-ride="carousel">--%>
<%--    <ol class="carousel-indicators">--%>
<%--        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>--%>
<%--        <li data-target="#myCarousel" data-slide-to="1"></li>--%>
<%--        <li data-target="#myCarousel" data-slide-to="2"></li>--%>
<%--    </ol>--%>
<%--    <div class="carousel-inner">--%>
<%--        <div class="carousel-item active">--%>
<%--            <img src="book1.jpg" class="d-block w-100" alt="Image 1">--%>
<%--        </div>--%>
<%--        <div class="carousel-item">--%>
<%--            <img src="book2(1).jpg" class="d-block w-100" alt="Image 2">--%>
<%--        </div>--%>
<%--        <div class="carousel-item">--%>
<%--            <img src="book3.jpg" class="d-block w-100" alt="Image 3">--%>
<%--        </div>--%>
<%--    </div>--%>
<%--    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">--%>
<%--        <span class="carousel-control-prev-icon" aria-hidden="true"></span>--%>
<%--        <span class="sr-only">Previous</span>--%>
<%--    </a>--%>
<%--    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">--%>
<%--        <span class="carousel-control-next-icon" aria-hidden="true"></span>--%>
<%--        <span class="sr-only">Next</span>--%>
<%--    </a>--%>
<%--</div>--%>
</body>

</html>
